<extend name="Public:base" />
<block name="content">

    <!-- bootstrap & fontawesome -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/css/bootstrap.min.css"/> -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/font-awesome/4.2.0/css/font-awesome.min.css"/> -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/> -->
    <link rel="stylesheet" href="__JS__/../ace/assets/css/daterangepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="__JS__/../css/new/common.css"/>
    <!-- <link rel="stylesheet" href="__JS__/../css/new/font-awesome.min.css"/> -->
    <!--公共css-->        <!--[if lte IE 9]>
    <link rel="stylesheet" href="__JS__/../ace/assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <link rel="stylesheet" href="__JS__/../ace/assets/css/ace-ie.min.css"/>        <![endif]-->

    <!--icely add-->
    <link href="__JS__/../myPlugins/inputLimit/inputLimit.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="__JS__/../css/new/myStyle.css"/>
    <link rel="stylesheet" href="__JS__/../myPlugins/loading/loading.css"/>
    <link rel="stylesheet" href="__JS__/../myPlugins/upLoadImg/upLoadImg.css"/>
    <link href="__JS__/../myPlugins/jqGrid/jqGrid/jqGrid.css" rel="stylesheet" type="text/css">

    <!-- ace 设置处理程序 -->
    <!-- <script src="__JS__/../ace/assets/js/ace-extra.min.js"></script> -->
    <!--[if lte IE 8]>
    <script src="__JS__/../ace/assets/js/html5shiv.min.js"></script>
    <script src="__JS__/../ace/assets/js/respond.min.js"></script>        <![endif]-->

<style>
    .detailModal-content{
        padding: 1% 3%;
    }
    .detailModal-content > .row{
        margin: 2% 0%;
    }
    input{
        height: 34px;
    }
</style>



    

<div class="page-content">

    <div class="page-header">
        <i class="fa fa-table"></i>订单收款统计列表
        <a id="download" class="operatorBtn">导出</a>
    </div>

    <div class="page-body">

        <!-- 搜索框 -->
        <form class="form-inline" role="form">
            <div class="form-group">
                <label class="sr-only" for="searchInput">searchInput</label>
                <input id="searchInput" type="text" placeholder="订单号/客户名称/手机号"/>
            </div>
            <div class="form-group">
                <div class="input-group" style="width: 250px">
                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                    <input id="searchTime" class="form-control" placeholder="开始时间-结束时间" type="text" name="date-range-picker" id="id-date-range-picker-1"/>
                </div>
            </div>
            <div class="form-group">
            <label class="sr-only" for="searchBrand">searchBrand</label>
            <select class="form-control" id="searchBrand" style="height: 34px; ">
                <option value="0">净水器品牌</option>
                <option value="1">美的</option>
                <option value="2">展纯</option>
                <option value="3">千千泉</option>
            </select>
            </div>
            <div class="searchBtn btn btn-sm btn-primary width80">查询</div>
            <div class="resetBtn btn btn-sm btn-inverse width80">重置</div>
        </form>

        <!--总计-->
        <table class="table table-striped table-bordered table-hover dataTable textAlignCenter" style="margin-bottom: 1%;">
            <thead>
            <tr>
                <th class="col-md-4 textAlignCenter" >应付金额总计</th>
                <th class="col-md-4 textAlignCenter">已付金额总计</th>
                <th class="col-md-4 textAlignCenter">已退金额总计</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="total"></td>
                <td class="is_paid"></td>
                <td class="no_paid"></td>
            </tr>
            </tbody>
        </table>

        <!--icely 表格-->
        <div id="jqGrid" class="jqGrid jqGrid-center jqGrid-stripe"></div>

    </div>

</div>

<!--明细模块-->
<script type="text/template" id="detailModal">
    <iframe id="detailIFrame" width="100%"></iframe>
</script>

<!-- bootstrap -->
<script src="__JS__/../ace/assets/js/jquery.1.11.1.min.js"></script>
<script src="__JS__/../ace/assets/js/bootstrap.min.js"></script>
<!-- 日期选择插件 -->
<script src="__JS__/../ace/assets/js/moment.min.js"></script>
<script src="__JS__/../ace/assets/js/daterangepicker.min.js"></script>
<!-- ACE 基本JS -->
<!-- <script src="__JS__/../ace/assets/js/ace-elements.min.js"></script> -->
<!-- <script src="__JS__/../ace/assets/js/ace.min.js"></script> -->
<script src="__JS__/libs/hint.js"></script>
<script src="__JS__/../ace/assets/js/bootbox.min.js"></script>
<!-- 公共JS -->
<script src="__JS__/new/momo.js"></script>

<!--icely add-->
<script src="__JS__/../myPlugins/jqGrid/jqGrid/jqGrid.js"></script>
<script src="__JS__/../myPlugins/loading/loading.js"></script>
<script src="__JS__/new/gatherStatistics.js"></script>
<script type="text/javascript">
    init();
</script>
</block>
